<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>03_元素属性操作</title>
		<!-- 元素  固定属性---清楚：元素是否可用属性【w3c元素出现设置属性】
		           附加属性---清楚：表单为主，附加属性checked、disabled...
		prop()           ----功能：与attr类似，附加属性，针对表单，默认选中
		removePorp()     ----功能：与removeAttr类似，附加属性，针对表单，移除选中
		 -->
		 <script src="../js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<h1>prop()和removePorp()函数使用</h1>
		<input type="checkbox" id="myCheckbox" checked />
		<button id="getAttrBtn">获取属性</button>
		<button id="setAttrBtn">设置属性</button>
		<button id="removeAttrBtn">移除属性</button>
		<div id="output"></div>
		<script>
			/*prop()    点击--获取属性--打印复选框的值
			                           复选框的值是：+变量  
			prop()--input元素--checked属性--属性值bool[true,false]									  
												  */
			$("#getAttrBtn").click(function(){
				//porop()获取元素的附加属性--input中checked
				var isChecked=$("#myCheckbox").prop("checked");
				$("#output").text("复选框的值是:"+isChecked);
			});
			//prop("checked",false) 取消选中.
			$("#setAttrBtn").click(function(){
				//porop()获取元素的附加属性--input中checked
				$("#myCheckbox").prop("checked",false);
				$("#output").text("复选框的值是:false");
			});
			//removePorp("checked")  取消选中
			$("#removeAttrBtn").click(function(){
				$("#myCheckbox").removeProp("checked");
				$("#output").text("复选框的属性已经移除")
			});
			
		</script>
	</body>
</html>